/*公共样式*/
*{ list-style: none;margin:0px; padding:0px;}
a:hover{ text-decoration: none;}
ul,li{ list-style: none; }
.pull-left{float:left;}
.pull-right{float:right;}
.font0{font-size: 0}
.inline{ display:inline;}
.block{ display: block; }
.inline-block{ display:inline-block;}
.none{ display: none; }
.pc-lg{ display: block;}
.min-lg{ display: none;}
.pc-sm{display: block;}
.min-sm{display:none;}
.pc-md{display: block;}
.min-md{display: none;}
.pc-xl{ display: block;}
.min-xl{ display: none;}
@media(max-width:1200px){
  .pc-xl{ display: none;}
  .min-xl{ display: block;}
}
@media(max-width:992px){
  .pc-lg{ display: none;}
  .min-lg{ display: block;}
}
@media(max-width:767px){
  .pc-md{display: none;}
  .min-md{display: block;}
}
@media(max-width:576px){
  .pc-sm{display: none;}
  .min-sm{display: block;}
}
.container {
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: .9375rem;
  padding-left: .9375rem;
}
@media (min-width: 480px){
  .container{ width: 606px;}
}
@media (min-width: 768px){
  .container{ width: 750px;}
}
@media (min-width: 992px){
  .container { width: 970px;}
}
@media (min-width: 1200px){
  .container { width: 1170px;}
}
@media (min-width: 1600px){
  .container { width: 1310px;}
}
#lg-img-wrap{ position: fixed; z-index: 1000;}
/*页面设置*/
body{ padding-top: 60px; }
/*导航*/
header{ position: fixed; top: 0; z-index: 999; background: white; width: 100%; box-shadow:0 1px 2px rgba(0,0,0,.15);}
header .navbar-dark>a{ width: 200px; margin:0; padding: 5px 0; }
header .navbar-dark button .span span{ background:#333; height: 1px; width: 60%; padding: 1px; margin: 3.5px 6px; float: left;transform: rotate(0deg); transition:all 0.4s; position:relative;top:0px;}
header .navbar-dark button .span .spa{transform: rotate(45deg); -ms-transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); position:relative;top:9px;}
header .navbar-dark button .span .spb{opacity: 0; z-index: -1;}
header .navbar-dark button .span .spc{transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); position:relative;top:-9px;}
header .navbar-dark .navbar-nav .nav-item{ margin-left: 40px; }
header .navbar-dark .navbar-nav .dropdown .nav-link i{margin-left: 5px;}
@media (max-width: 992px){
  header .navbar-dark .navbar-nav .nav-item{ margin-left: 30px; }
}
@media (max-width: 768px){
  header .navbar-dark .navbar-nav .nav-item{ margin-left: 15px; }
}
.navbar-dark{position: relative; z-index: 990; padding: 0;}
.navbar-dark .navbar-nav{ font-size: 0.875rem; }
.navbar-dark .navbar-nav .nav-item .active{ color: #305cc4; }
.navbar-dark .navbar-nav .nav-item .nav-link{ color: #333;padding:1rem 0;  }
.navbar-dark .navbar-nav .nav-item:hover .nav-link{ color: #305cc4; }
.navbar-dark .navbar-nav .dropdown .fa{ font-size: 0.75rem; }
.navbar-dark .navbar-nav .dropdown:hover .dropdown-menu{ display: block;  margin-top: -5px; border: 0px; overflow: hidden;}
.navbar-dark .navbar-nav .dropdown .dropdown-menu a{width:100%; padding:.5rem 1rem; font-size: 0.875rem; display: inline-block; }
.navbar-dark .navbar-nav .dropdown .dropdown-menu a:active{ background:#fafafa; }
.navbar-dark .navbar-nav .dropdown .dropdown-menu a:hover{ color: #305cc4; }
@media(min-width:768px){
  .navbar-dark .navbar-nav{position: absolute; right: 0;}
}
@media (max-width:768px){
  .navbar-dark .navbar-nav .nav-item .nav-link{padding:.5rem; width: 100%; }
  .navbar-dark .navbar-nav .dropdown .dropdown-menu{ width: 100%; border: 0; padding:0 1rem; }
  .navbar-dark .navbar-nav .dropdown:hover .dropdown-menu{ width: 100%; padding:0 1rem; }
}
/*轮播*/
.bt-ind-banner .carousel-control-prev{ display: none; }
.bt-ind-banner .carousel-control-next{ display: none; }
.bt-ind-banner:hover .carousel-control-prev{ display: flex; }
.bt-ind-banner:hover .carousel-control-next{ display: flex; }
.bt-ind-banner .carousel-control-prev .carousel-control-prev-icon{ background: url(../images/prev-icon.png) no-repeat; width: 14px; height: 40px; }
.bt-ind-banner .carousel-control-next .carousel-control-next-icon{ background: url(../images/next-icon.png) no-repeat; width: 14px; height: 40px; }
/*服务*/
.bt-index-service{ padding: 50px 0; text-align: center;}
.bt-index-service .bt-service-title{ text-align: center; }
.bt-index-service .bt-service-title h2{ font-size: 2.25rem; font-weight: normal; margin-bottom:20px;}
.bt-index-service .bt-service-title h5{ font-size: 1.5rem; margin-bottom:20px; }
.bt-index-service .service-list{margin:30px 0; font-size: 0; }
.bt-index-service .service-list li{width: 16.6%; display:inline-block; margin: 0; padding: 0;}
.bt-index-service .service-list li .big{display: block; border-radius: 50%; height: 150px; width: 150px; margin: auto; border: 1px solid #305cc4; display: flex; align-items:center; justify-content: center; transition: .3s;}
.bt-index-service .service-list li .big .small{display: block; border-radius: 50%; height: 110px; width: 110px; margin: auto; background: #305cc4; display: flex; align-items:center; justify-content: center; transition: .3s;}
.bt-index-service .service-list li .big .small i{font-size: 3.25rem; transition: .3s;}
.bt-index-service .service-list li p{font-size: 1rem; text-align: center; font-weight: bold;margin-top: 15px;}
.bt-index-service .service-list li p a{ color: #333;}
.bt-index-service .more{display: inline-block; border: 1px solid #333; padding: 8px 35px; font-size: .875rem; font-weight: bold;color:#333; transition: .3s;}
.bt-index-service .service-list li p a:hover{ color: #305cc4;}
.bt-index-service .service-list li .big:hover{ border: 1px solid white; }
.bt-index-service .service-list li .big:hover .small{height: 148px; width: 148px; }
.bt-index-service .service-list li .big:hover .small i{transform: rotateY(-180deg); font-size: 3.75rem;}
.bt-index-service .more:hover{ background:#305cc4; color: white; border: 1px solid #305cc4;}
@media (max-width: 992px){
  .bt-index-service .service-list li{width: 33.3%; }
}
@media (max-width: 576px){
  .bt-index-service .service-list li{width: 50%; }
}
@media (max-width: 360px){
.bt-index-service .service-list li .big{height: 115px; width: 115px;}
.bt-index-service .service-list li .big .small{height: 85px; width: 85px;}
.bt-index-service .service-list li .big .small i{font-size: 2.5rem;}
.bt-index-service .service-list li p{font-size: 1rem; margin-top: 10px;}
.bt-index-service .service-list li .big:hover .small{height: 113px; width: 113px; }
.bt-index-service .service-list li .big:hover .small i{ font-size:4rem;}
}
/*产品中心*/
.bt-index-product{ padding: 50px 0; background: #f5f5f5;}
.bt-index-product .product-show .txt-inabout{color: white; position: absolute; font-size: 2.25rem; z-index: 999;transform:translate(0,-50%); position: absolute;top: 50%; left: 10%; font-weight: bold; margin-bottom: 0;}
.bt-index-product .bt-product-title{ text-align: left; padding-left: 60px; position: relative; }
.bt-index-product .bt-product-title div{ width: 100px; height: 500px; background: #305cc4; position: absolute; left: 0; width: 10px; height: 40px; }
.bt-index-product .bt-product-title h2{ color: #a0a0a0; font-size: 2rem; margin-bottom: 10px; }
.bt-index-product .bt-product-title h5{ color: #000; font-size: 2.625rem; margin-bottom: 5px; }
.bt-index-product .bt-product-title p{ color: #a0a0a0; font-size: .875rem;}
.bt-index-product .product-show .row>div{padding: 0.5375rem; padding-top: 0;}
.bt-index-product .product-show .row>div i{ position: absolute; bottom:40px; right: -20px; width: 60px; height: 60px; background: white; border-radius: 50%; z-index: 110; color:#305cc4; font-size: 1.5rem;display: flex; align-items:center; justify-content: center; opacity: 0; transition: .5s; }
.bt-index-product .product-show .row>div a>div{ overflow: hidden; background: black; position: relative; border-radius:5px;}
.bt-index-product .product-show .row>div a>div div{bottom: 0; width: 100%; background:#305cc4; position: absolute; font-size: 1.5rem; color: white; padding: 12px 30px;}
.bt-index-product .product-show .row>div img{ transition: .7s; width: 100%; }
.bt-index-product .product-show .row>div a div:hover img{transform: scale(1.1); opacity: 0.5;}
.bt-index-product .product-show .row>div a div:hover i{opacity: 1; position: absolute; bottom:40px; right: 25px; }
@media (max-width: 992px){
  .bt-index-product .bt-product-title{ padding-left: 30px;}
}
@media (max-width: 576px){
  .bt-index-product .product-show .row{margin-left: auto; margin-right: auto;}
  .bt-index-product .product-show .coleft{padding-left: 0;padding-right: 0;padding-left:0px;padding-bottom: 0; }
}
/*关于我们*/
.bt-index-about{ padding-top: 50px;}
.bt-index-about .bt-about-title{ text-align: center; }
.bt-index-about .bt-about-title h2{ font-size: 1.875rem; margin-bottom: 5px; color: #a0a0a0; }
.bt-index-about .bt-about-title h5{ font-size: 2.125rem; margin-bottom: 0;}
.bt-index-about .about-show { margin: 30px 0; }
.bt-index-about .about-show .row{overflow: hidden;}
.bt-index-about .about-show .more{ color: white; border: 1px solid white; font-size: .75rem; border-radius:3px; padding: 5px 20px; position: absolute;bottom: 40px; }
.bt-index-about .about-show .about-txt{padding: 60px 40px; color: white; background: #008ce1;}
.bt-index-about .about-show .about-txt h4{ font-size: 1.125rem; margin-bottom: 25px;}
.bt-index-about .about-show .about-txt p{ font-size: .875rem; margin-bottom: 0; }
.bt-index-about .about-show .about-txt1{ height: 300px;}
.bt-index-about .about-show .about-txt2{ height: 215px;}
.bt-index-about .about-show .about-txt3{ height: 255px;}
.bt-index-about .about-show .about-img1{background:center no-repeat; height: 300px;}
.bt-index-about .about-show .about-img2{background:center no-repeat; height: 275px;}
.bt-index-about .about-show .about-img3{background:center no-repeat; height: 315px; position: relative;top: -60px;}
@media (max-width: 768px){
  .bt-index-about .about-show .row{ margin:0; }
  .bt-index-about .about-show .about-img1{ height: 200px; }
  .bt-index-about .about-show .about-img2{ height: 200px; }
  .bt-index-about .about-show .about-img3{ height: 220px; background: center no-repeat; position: relative;top:0; padding: 0;}
  .bt-index-about .about-show .about-txt{padding: 30px 20px;}
  .bt-index-about .about-show .about-txt p{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
  .bt-index-about .about-show .about-txt1{ height: auto;}
  .bt-index-about .about-show .about-txt2{ height: auto;}
  .bt-index-about .about-show .about-txt3{ height: auto;}
  .bt-index-about .about-show .more{ display: none; }
}
/*应用案例*/
.bt-index-case{ padding: 50px 0; background: url(../images/bg-case.jpg) center; background-repeat:no-repeat;background-size:cover; text-align: center;}
.bt-index-case .bt-case-title{ text-align: center; color: white;}
.bt-index-case .bt-case-title h2{ font-size: 1.875rem; margin-bottom: 5px; }
.bt-index-case .bt-case-title h5{ font-size: 2.125rem; margin-bottom: 0;}
.bt-index-case .case-list{margin: 30px 0; overflow: hidden;}
.bt-index-case .case-list li{ width: 25%; float: left; padding:15px; }
.bt-index-case .case-list li .card{ border-radius: 1.5px; border:none;text-align: center; overflow: hidden;}
.bt-index-case .case-list li .card img{ width: 100%; transition: .5s; }
.bt-index-case .case-list li .card>a{ display: flex; align-items:center; justify-content: center; position: relative;}
.bt-index-case .case-list li .card>a>i{width: 100%; height: 100%; position: absolute; background: black; opacity: 0; z-index: 90; transition: .5s;}
.bt-index-case .case-list li .card>a span{ width: 44px; height: 44px; position: absolute; background: url(../images/case0.png); top: -44px; transform:translate(0,-50%); z-index: 100; transition: .5s;}
.bt-index-case .case-list li .card-body{ padding: 15px;text-align: center; position: relative;}
.bt-index-case .case-list li .card-body i{ color: white; position: absolute; font-size: 2.5rem; left: 50%; top: -25px; transform:translate(-50%, 0); z-index: 110; }
.bt-index-case .case-list li .card-body p{ margin-bottom: 0; font-size: 1.125rem; line-height: 20px; color:#333; }
.bt-index-case .case-list li .card>a:hover>i{opacity: .4;}
.bt-index-case .case-list li .card>a:hover span{ top: 50%; }
.bt-index-case .more{ font-size: .875rem; background:rgba(0,140,225,.8); color: white; padding: 10px 30px; border-radius: 5px; }
@media (max-width: 992px){
  .bt-index-case .case-list li{ width: 50%;}
  .bt-index-case .case-list li{padding:10px }
}
@media (max-width: 576px){
  .bt-index-case .case-list li{ width: 100%;}
  .bt-index-case .case-list li{padding:15px 0; }
}
/*新闻资讯*/
.bt-index-news{ padding: 50px 0; text-align: center;}
.bt-index-news .bt-news-title{ text-align: center;}
.bt-index-news .bt-news-title h2{ font-size: 1.875rem; color: #a0a0a0; margin-bottom: 5px; }
.bt-index-news .bt-news-title h5{ font-size: 2.125rem; color: #333; margin-bottom: 0;}
.bt-index-news .news-list{margin: 20px 0;}
.bt-index-news .news-list div{ text-align: left; padding:20px;}
.bt-index-news .news-list div p{ margin-bottom: 0; }
.bt-index-news .news-list div .time{ font-size: .875rem;color: #a0a0a0; }
.bt-index-news .news-list div .title{ font-size: .9375rem; font-weight: bold; color: #333; margin:5px 0 10px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.bt-index-news .news-list div .text{ font-size: .9375rem; color: black; margin-top: 10px;color: #a0a0a0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.bt-index-news .news-list div hr{ width: 100%; background:#e6e6e6; z-index: 90; height: 10px; margin: 0; height:1px;}
.bt-index-news .news-list div .on{ width: 5%; background:#787878; z-index: 100;position: relative;top: 2px; transition: .6s;}
.bt-index-news .news-list div .title:hover{color: #008ce1;}
.bt-index-news .news-list div .text ~ .title:hover{color: #008ce1;}
.bt-index-news .news-list div:hover .on{ width: 100%;}
.bt-index-news .more{ border: 1px solid #999; color: #a0a0a0; padding:5px 50px; font-size: 1rem; transition: .3s; }
.bt-index-news .more:hover{ border: 1px solid #999; background: #999; color: white; padding:5px 50px; font-size: 1rem; }
/*底部*/
footer{ background:#2f2f2f; color: white; padding: 50px 0; }
footer .bt-foot h4{ font-size: 1.375rem; margin-bottom: 40px; }
footer .bt-foot p{ margin-bottom: 0; font-size: .9375rem; line-height: 30px; }
footer .bt-foot .bt-foot-about{ padding-right: 60px; }
footer .bt-foot .bt-foot-about i{ font-size: 1.75rem; color: white; margin: 10px; }
footer .bt-foot .bt-foot-nav li{ line-height: 30px; }
footer .bt-foot .bt-foot-nav li a{ color: white; font-size: .9375rem; }
footer .bt-foot .bt-foot-nav li i{ margin-right: 10px; font-size: .75rem; }
footer .bt-link{ text-align: center; font-size: .9375rem; color: white; margin: 30px 0; }
footer .bt-link a{ margin: 5px; color: white;}
footer .bt-bottom{ text-align: center; font-size: .9375rem; }
footer .bt-bottom p{margin-bottom: 10px;}
footer .bt-bottom a{ color: white; }
/*回至最顶部*/
.bt-totop{ z-index:999;cursor:pointer; display: none; text-align: center; background:#008ce1; position:fixed;right:3%; bottom: 3%; z-index: 999; border-radius: 50%;}
.bt-totop i{font-size: 2rem; color: white; padding:3px 10px 6px;}
@media(max-width:992px){
  footer .bt-foot h4{ font-size: 1.375rem; margin-bottom: 20px; }
  footer .bt-foot .bt-foot-about{ padding-right: 15px;  margin-bottom: 20px;}
}
@media(max-width:576px){
  .bt-totop{bottom: 9%; }
}
/*手机底部*/
.bt-menu-list{ position: fixed; left: 0; bottom: 0; width: 100%; text-align: center; display: block; z-index: 999; background: #008ce1;}
.bt-menu-list ul{display:flex; text-align: center; margin-bottom: 0;}
.bt-menu-list ul li {font-weight: 200; flex:1;}
.bt-menu-list ul li a{ color: white; padding: 5px; display: inline-block; text-decoration: none; }
.bt-menu-list ul li a i{display: block; font-size: 1rem;}
.bt-menu-list ul li a span{ font-size: 0.875rem; }
@media (min-width: 767px){
  .bt-menu-list{ display: none; }
}
/*其他页面*/
.bt-editor img{ max-width: 100%; }
.bt-topimg img{ width: 100%;}
/*次导航*/
.bt-subcolumn-nav{ height: 60px; }
.bt-subcolumn-nav{border-bottom: 1px solid #eee;}
.bt-subcolumn-nav ul{ display: flex; justify-content:center; margin-bottom: 0; }
.bt-subcolumn-nav ul .swiper-slide{ width: auto; }
.bt-subcolumn-nav ul li{display: inline-block; color: #333;}
.bt-subcolumn-nav ul li span{ padding:0 15px; }
.bt-subcolumn-nav ul li:first-child span{ display: none; }
.bt-subcolumn-nav ul li .active {border-bottom: 2px solid #008ce1; color:#008ce1;}
.bt-subcolumn-nav ul li>a{ height: 60px; line-height: 60px; padding:0 20px; border-bottom: 0px solid #008ce1; display: inline-block; font-size: .9375rem;color: #333; }
.bt-subcolumn-nav ul li>a:hover{ border-bottom: 2px solid #008ce1; color:#008ce1; }
.bt-subcolumn-nav ul li dd{border: 1px solid #999; background: white; width: 100%; margin-left: 36px;width: calc(100% - 36px); border-radius: 1px; padding: 5px -5px; position:relative; top:0px; display: none; }
.bt-subcolumn-nav ul li dd a{text-align: center; display: block; border-bottom:none; border-bottom: 0px solid #dcdcdc; width: 100%; color: #333; padding: 3px 0;}
.bt-subcolumn-nav ul li dd a:hover{ color: #008ce1; }
.bt-subcolumn-nav ul li dd a dl{ font-size: .875rem; margin-bottom:0; display: block;}
.bt-subcolumn-nav ul li:hover dd{ display: block; }
.bt-subcolumn-nav .subtitled{ display: flex; overflow-y:hidden;}
.bt-subcolumn-nav .subtitled ul{width: auto; margin: auto; justify-content: flex-start; }
.bt-subcolumn-nav .subtitled .swiper-scrollbar{ height: 2px; background: #e5e5e5; display: none; }
.bt-subcolumn-nav .subtitled .swiper-scrollbar .swiper-scrollbar-drag{ background: #b2b2b2; }
@media (max-width: 767px){
  .bt-subcolumn-nav ul li span{ padding:0 10px; }
  .bt-subcolumn-nav ul li a:hover{ border-bottom: none;}
  .bt-subcolumn-nav ul li .active {border-bottom: none;}
}
@media (max-width: 480px){
  .bt-subcolumn-nav ul{justify-content:left;}
}
/*排序*/
.bt-para{ border-bottom: 1px solid #eee; padding:10px 0;}
.bt-para ul{ display: inline-block;margin-top: 6px; margin-bottom: 0;}
.bt-para ul li{ float: left; padding: 5px; }
.bt-para ul li a{ color: #333; font-size: .875rem; padding: 5px 10px; margin:0 5px;}
.bt-para ul li a:hover{ color:#008ce1;}
.bt-para ul li i{padding:0 5px;}
/*路径*/
.bt-breadcrumb ul{padding:10px 0; margin-bottom: 0;}
.bt-breadcrumb ul li{ font-size: .875rem; display: inline-block;}
.bt-breadcrumb ul li:first-child i{display: none;}
.bt-breadcrumb ul li a{color: #305cc4;}
.bt-breadcrumb ul li i{color: #305cc4; margin:0 5px;}
/*路径0*/
.bt-breadcrumb0 ul{padding:15px 0; margin-bottom: 0;}
.bt-breadcrumb0 ul li{ font-size: .875rem; display: inline-block;}
.bt-breadcrumb0 ul li:first-child i{display: none;}
.bt-breadcrumb0 ul li a{color: #000;}
.bt-breadcrumb0 ul li i{color: #d2d2d2; margin-right:7px;}
/*页码*/
.met_pager { margin:auto; text-align: center; }
.met_pager ul{ display: inline-block; margin-bottom: 0;}
.met_pager ul li{ float: left; font-size: 0.875rem;}
.met_pager ul li span{ border:1px solid #e4eaec; text-align: center; padding: 9px 15px;}
.met_pager ul li a{ border:1px solid #e4eaec; text-align: center; padding: 9px 15px;}
/*不能点击*/
.met_pager ul li .disabled{ color: #ccd5db; }
/*选中*/
.met_pager ul li .current{ background: #305cc4;cursor:default; color: white;}
/*可点击*/
.met_pager ul li .tcdNumber{ color: #76838f; }
/*点击*/
.met_pager ul li .tcdNumber:hover{background: #f0f0f0;}
/*上下页*/
.pagein{width: 100%; padding:20px 0; overflow: hidden; }
.pagein a{ max-width: 45%; border:1px solid rgba(0,0,0,.2); font-size: 0.75rem; color: black; padding: 8px 15px; border-radius: 5px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; transition: .2s;}
.pagein a:hover{ background: #f06000; color: white; transform: .2s; }
/*上下篇*/
.bt-paging{overflow: hidden;}
.bt-paging a .left{ float: left;}
.bt-paging a .right{ float: right; }
.bt-paging a div{ display: inline-block;  max-width: 47%; padding: .5rem 1rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;border: 1px solid #e4eaec; border-radius: 3%;color: #333; font-size: .875rem;}
.bt-paging a:hover div{ color:#305cc4;  }
/*详情边栏*/
.side{padding: 20px; border-bottom: 1px solid #f0f2f5;}
.side .topbor{ border-top: 1px solid #f0f2f5; margin-top: 20px; padding-top: 20px; margin-bottom: 0; }
.side form{ position:relative; font-size: .875rem; }
.side form button{ background: none; border:none; position: absolute; z-index: 99; right: 0px; height: 34px; padding:0 15px;}
.side form input{ color: #757575;border:1px solid #e4eaec; background-color:white; border-radius: 200px; position: relative; padding: 5px 40px 5px 20px; width: 100%; height: 34px; }
.side .titleset li a{ color: #333; font-size: 1rem; line-height: 30px; }
.side .titleset li .active{ color: #305cc4; }
.side .recommend{ width: 100%; }
.side .recommend h3{ font-size: 1rem; }
.side .recommend ul li{ border:1px solid #f0f2f5; padding:.625rem 1rem; }
.side .recommend ul li a{ font-size: .875rem; color: #333; }
.side .recommend ul li a:hover{ color: #305cc4; }
@media (max-width: 767px){
  .side{padding: 0px; margin-top: 30px; }
  .side .recommend ul li{ border:1px solid #f0f2f5; padding:.5rem 1rem;}
}
/*关于我们*/
.bt-about-mail{ padding: 70px 0; }
/*产品中心*/
.bt-product-mail{ padding: 50px 0 70px; }
.bt-product-mail .bt-product-list{font-size: 0; margin-bottom: 30px; }
.bt-product-mail .bt-product-list li{width: 25%;padding: 0.5375rem; display: inline-block;}
.bt-product-mail .bt-product-list li .card{border-radius:0; border:0; overflow: hidden;}
.bt-product-mail .bt-product-list li .card .card-img-top{border-radius:0; transition: .3s;}
.bt-product-mail .bt-product-list li .card .card-body{padding: 15px 5%; text-align: center; position: relative;}
.bt-product-mail .bt-product-list li .card .card-body span{font-size: .875rem; margin-bottom: 0; color: #333; text-align: center; position: relative; transition: .3s; z-index: 90;}
.bt-product-mail .bt-product-list li .card .card-body i{ background: #305cc4; width: 100%; height: 0%; position: absolute; top: auto; bottom: 0; left: 0; transition: .3s; z-index: 10; }
.bt-product-mail .bt-product-list li .card:hover .card-body span{ color: white; }
.bt-product-mail .bt-product-list li .card:hover .card-body i{ height: 100%; top:0; bottom:auto; }
.bt-product-mail .bt-product-list li .card:hover .card-img-top{ transform: scale(1.05); }
@media (max-width: 992px){
  .bt-product-mail .bt-product-list li{width: 50%;}
}
@media (max-width: 576px){
  .bt-product-mail .bt-product-list li{width: 100%;}
}
/*新闻资讯*/
.bt-news-mail{ margin-bottom: 70px; }
.bt-news-mail .bt-news-list{ margin:30px 0 50px; }
.bt-news-mail .bt-news-list li{ border-bottom: 1px solid #333; padding: 30px 0; }
.bt-news-mail .bt-news-list li h4{font-size: 1.375rem;}
.bt-news-mail .bt-news-list li h4 a{ color: #333; }
.bt-news-mail .bt-news-list li h4 a:hover{ color:#305cc4;}
.bt-news-mail .bt-news-list li p{ font-size: .8125rem; color: #333; margin-bottom: 0; }
.bt-news-mail .bt-news-list li span{margin:0 3px; font-size: .875rem; color: #808080;}
.bt-news-mail .bt-news-list li span:first-child{ font-size: 1.375rem; }
.bt-news-mail .bt-news-list li .txt{ margin:15px 0; }
.bt-news-mail .bt-news-list li .txt .left{width: 75%; float: left;}
.bt-news-mail .bt-news-list li .more{float: right; padding: 8px 40px; font-size: .875rem; border: 1px solid #333; color: #333; transition: .3s;}
.bt-news-mail .bt-news-list li .more:hover{ background:#305cc4; color: white; }
@media (max-width: 992px){
  .bt-news-mail .bt-news-list li .txt .left{width: 100%;}
  .bt-news-mail .bt-news-list li h4{ margin: 15px 0; }
}
@media (max-width: 767px){
  .bt-news-mail .bt-news-list li p{display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
}
/*应用案例*/
.bt-case-mail{ margin: 70px 0; }
.bt-case-mail .title{ text-align: center; }
.bt-case-mail .title h4{ font-size: 1.75rem; color:#305cc4; font-weight: bold; margin-bottom: 15px;position: relative;}
.bt-case-mail .title h4:after{ background:#ccc; height:2px; width: 50px; display: block;content:''; position: absolute;left: 50%; bottom: -10px; transform:translate(-50%,-50%);}
.bt-case-mail .title h6{ font-size: .875rem; color: #333; margin-bottom: 0;}
.bt-case-mail .bt-case-list{padding:30px; overflow: hidden;}
.bt-case-mail .bt-case-list li{ width: 95%; float: left;border: 5px solid #e5e5e5; margin: 30px 0; position: relative; transition: .65s;}
.bt-case-mail .bt-case-list li .text{ width: 50%; text-align: center; height: 100%; position: absolute; left: 0; right:inherit; }
.bt-case-mail .bt-case-list li .text div{position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 90%;}
.bt-case-mail .bt-case-list li .image{ width: 40%; transition: all .65s; float: right; position: relative;transform: translate(58px,-24px);}
.bt-case-mail .bt-case-list li .image img{ width: 100%;}
.bt-case-mail .bt-case-list li:nth-child(2n){ float: right;}
.bt-case-mail .bt-case-list li:nth-child(2n) .text{  left:inherit; right:0; }
.bt-case-mail .bt-case-list li:nth-child(2n) .image{ float: left;transform: translate(-58px,-24px);}
.bt-case-mail .bt-case-list li:nth-child(2n):hover .image{ right: auto; left:0;}
.bt-case-mail .bt-case-list li .text div a h2{ font-size: 1.375rem; color:#000; margin-bottom: 0;  }
.bt-case-mail .bt-case-list li .text div p{ font-size: .875rem; margin:20px 0; color: #3c3c3c; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; overflow: hidden;}
.bt-case-mail .bt-case-list li .text div .more{ display: inline-block; width: 130px; height: 30px; line-height: 30px; color: #305cc4; box-shadow: 0 0 10px rgba(15,5,10,.15); position: relative; transition: .5s ease-in .1s; }
.bt-case-mail .bt-case-list li .text div .more:hover{ color: white; }
.bt-case-mail .bt-case-list li .text div .more:before{ content: ''; width: 0; height: 100%; background: #305cc4; position: absolute; left: 0; z-index: -1; transition:.6s ease-in .1s; }
.bt-case-mail .bt-case-list li .text div .more:hover:before {width: 100%;transition:.5s;}
.bt-case-mail .bt-case-list li .text div .more>i{ display: inline-block; width: 30px; height: 30px;float: right; font-size: 1.25rem; background: #305cc4; line-height: 30px; position: relative;}
.bt-case-mail .bt-case-list li .text div .more>i:before{content: ''; position: absolute;top: 0; width: 0%; background: white; height: 100%; display: block; transition:.2s ease-in .2s; }
.bt-case-mail .bt-case-list li .text div .more:hover >i:before{ width: 100%; }
.bt-case-mail .bt-case-list li .text div .more>i:after{ content: '\f178'; position: absolute; width: 100%; height: 100%; display: block; background: none; color: white;  transition:.2s ease-in .2s; }
.bt-case-mail .bt-case-list li .text div .more:hover >i:after{ color: #305cc4; }
@media (max-width: 992px) and (min-width: 768px){
  .bt-case-mail .bt-case-list li .text div a h2{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
}
/*边框变化*/
.bt-case-mail .bt-case-list li>i:after{content: ''; display: block; width: 0; height: 0; transition: ease 0.65s; visibility: visible; border-right: 5px solid #305cc4; border-bottom: 5px solid #305cc4; position: absolute; right: -5px; bottom: -5px;}
.bt-case-mail .bt-case-list li>i:before{content: ''; display: block; width: 0; height: 0; transition: ease 0.65s; visibility: visible; border-top: 5px solid #305cc4; border-left: 5px solid #305cc4; position: absolute; left: -5px; top: -5px; }
.bt-case-mail .bt-case-list li:hover>i:after{ width: 100.8%; height: 102.8%;}
.bt-case-mail .bt-case-list li:hover>i:before{ width: 100.8%; height: 102.8%; }
.bt-case-mail .bt-case-list li:hover .image{ transform: translate(0); }
.bt-case-mail .bt-case-list li:hover{box-shadow:0 0 16px rgba(12,3,6,.3);}
@media (max-width: 1200px){
  .bt-case-mail .bt-case-list li .text div p{ -webkit-line-clamp: 2;}
}
@media (max-width: 992px){
  .bt-case-mail .bt-case-list li .image{ width: 50%;}
}
@media (max-width: 768px){
  .bt-case-mail{ margin: 30px 0; }
  .bt-case-mail .bt-case-list{padding:30px 0; }
  .bt-case-mail .bt-case-list li{width: 100%; border: 0;box-shadow:5px 0 10px rgba(0,0,0,.2); margin: 10px 0;}
  .bt-case-mail .bt-case-list li>i:after{ border: 0; }
  .bt-case-mail .bt-case-list li>i:before{ border: 0; }
  .bt-case-mail .bt-case-list li .image{ width: 100%;transform: translate(0);}
  .bt-case-mail .bt-case-list li .text{ width: 100%;position:static;}
  .bt-case-mail .bt-case-list li .text div{position:static; transform: translate(0); margin: auto; overflow: hidden; padding-top: 10px;}
  .bt-case-mail .bt-case-list li .text div .more{ display: none;}
  .bt-case-mail .bt-case-list li:nth-child(2n){ float: right;}
  .bt-case-mail .bt-case-list li:nth-child(2n) .text{ width: 100%;position:static;}
  .bt-case-mail .bt-case-list li:nth-child(2n) .image{ width: 100%;transform: translate(0);}
  .bt-case-mail .bt-case-list li:nth-child(2n):hover .image{transform: translate(0);}
}
/*新闻详情*/
.bt-shownews-mail{ margin: 30px 0 70px; }
.bt-shownews-mail .title{padding: 20px;border-bottom: 1px solid #ddd;}
.bt-shownews-mail .title h1{ margin-bottom: 0; font-size: 1.75rem; line-height: 50px; }
.bt-shownews-mail .title p{ margin-bottom: 0; font-size: 1rem; color: #666; line-height: 30px;}
.bt-shownews-mail .title p span{ padding-right: 10px; }
.bt-shownews-mail .title p i{ padding-right: 10px; }
.bt-shownews-mail .text{padding: 30px; margin-bottom: 30px; border-bottom: 1px solid #ddd;}
@media (max-width: 767px){
  .bt-shownews-mail{ margin: 15px 0 30px; }
  .bt-shownews-mail .title{padding: 10px 5px;}
  .bt-shownews-mail .title h1{ font-size: 1.5rem; line-height: 30px;}
  .bt-shownews-mail .title p{ font-size: .875rem;}
  .bt-shownews-mail .text{padding: 10px;}
}
/*搜索页面*/
.bt-search-container{ padding: 30px 0;}
.bt-search-container h2{font-size: 2.25rem; margin:10px 0; text-align: center; }
.bt-search-container .bt-search{ padding-top:30px; }
.bt-search-container .bt-search .search-head form{ margin: 5px 0; }
.bt-search-container .bt-search .search-head form select{ font-size:.875rem; width: 100%; border-radius:3px; padding:.5rem 1rem; appearance:none; -moz-appearance:none; -webkit-appearance:none; background: url('../images/download.png') no-repeat; right: 0; background-position: right 15px top 17px;}
.bt-search-container .bt-search .search-head form input{ width: 100%;width: 100%; height: 40px; line-height: 40px;display:inline-block; border-radius: 0; border: 1px solid #ccc;background: #f3f7f9; border-radius:30px; float: left; font-size: 0.875rem; padding:0 60px 0 20px; }
.bt-search-container .bt-search .search-head form button{ background: none;  color: white; padding: 0; border: 0px; float: right; position: relative; top:-40px; padding:0 10px; height: 40px;}
.bt-search-container .bt-search .search-head form button i{font-size: 1rem; color: #2a333c;}
.bt-search-container .bt-search .search-body ul li{ border-bottom: 1px solid #e4eaec; padding:10px; }
.bt-search-container .bt-search .search-body ul li a h4{ font-size: 1.125rem; margin-bottom: 10px; color: #222; }
.bt-search-container .bt-search .search-body ul li a:hover h4{ color: #305cc4; }
.bt-search-container .bt-search .search-body ul li a{ font-size: .875rem; }
.bt-search-container .bt-search .search-body ul li p{ font-size: .875rem; margin-bottom: 10px; }
.bt-search-container .bt-search .met_pager{ margin-top:50px;}
@media(max-width:992px){
  .bt-search-container h2{ margin:0;}
}
/*产品详情*/
.bt-showproduct-mail{ margin:30px 0 70px;}
.bt-showproduct-mail .showproduct-head .productimg button{ width: 30px; height: 50px; position: absolute; background: rgba(0,0,0,.5); }
.bt-showproduct-mail .showproduct-head .productimg .slick-prev{ left: 0; }
.bt-showproduct-mail .showproduct-head .productimg .slick-next{ right: 0; }
.bt-showproduct-mail .showproduct-head .showproduct{padding: 30px;}
.bt-showproduct-mail .showproduct-head .showproduct h3{font-size: 1.75rem; margin-bottom: 30px;}
.bt-showproduct-mail .showproduct-head .showproduct p{margin-bottom: 5px; font-size: .875rem;}
.bt-showproduct-mail .showproduct-body{ padding-top: 30px; }
.bt-showproduct-mail .showproduct-body .article .tiitle a{ border-bottom:1px solid #305cc4; font-size: 1.25rem; padding: 10px; }
.bt-showproduct-mail .showproduct-body .article .bt-editor{ border-top:1px solid #666; border-bottom:1px solid  #666; padding: 20px; display: inline-block; margin: 9px 0 30px;}
.bt-showproduct-mail .showproduct-body .recommend{padding-left: 60px;}
.bt-showproduct-mail .showproduct-body .recommend h4{ font-size: 1.25rem; padding: 10px; margin-bottom: 0; }
.bt-showproduct-mail .showproduct-body .recommend .txt{ color: 000; }
.bt-showproduct-mail .showproduct-body .recommend .row div{text-align: center; margin-bottom: 15px;}
.bt-showproduct-mail .showproduct-body .recommend .row div img{ width: 100%;}
.bt-showproduct-mail .showproduct-body .recommend .row div .txt{color: black;}
.bt-showproduct-mail .showproduct-head .productimg .slick-prev:before{ content: ""; }
.bt-showproduct-mail .showproduct-head .productimg .slick-next:before{ content: ""; }
.bt-showproduct-mail .showproduct-head .productimg .slick-prev{ background: url(../images/prev-icon0.png); }
.bt-showproduct-mail .showproduct-head .productimg .slick-next{ background: url(../images/next-icon0.png); }
.bt-showproduct-mail .showproduct-head .productimg .bt-showcaseimg-list .slick-slide .lg-item-box img{ width: 70%; margin: auto;}
.bt-showproduct-mail .productimg .slick-dotted{ padding-bottom: 45px;}
@media(max-width:992px){
  .bt-showproduct-mail{ margin:0 15px;}
  .bt-showproduct-mail .showproduct-head .productimg{ padding: 0; }
  .bt-showproduct-mail .showproduct-body .article{padding: 0; }
  .bt-showproduct-mail .showproduct-head .showproduct{padding: 15px 0;}
  .bt-showproduct-mail .showproduct-head .showproduct h3{font-size: 1.5rem; margin-bottom: 15px;}
  .bt-showproduct-mail .showproduct-body{ padding-top: 0px; }
  .bt-showproduct-mail .showproduct-body .article .bt-editor{ padding: 15px 0;}
  .bt-showproduct-mail .showproduct-body .recommend{padding: 30px 0;}
}
/*案例详情*/
.bt-showcase-mail{ margin: 30px 0 70px; }
.bt-showcase-mail .title{padding: 20px;border-bottom: 1px solid #ddd;}
.bt-showcase-mail .title h1{ margin-bottom: 0; font-size: 1.75rem; line-height: 50px; }
.bt-showcase-mail .title p{ margin-bottom: 0; font-size: 1rem; color: #666; line-height: 30px;}
.bt-showcase-mail .title p span{ padding-right: 10px; }
.bt-showcase-mail .title p i{ padding-right: 10px; }
.bt-showcase-mail .image{margin: 30px 0; display: inline-block; width: 100%;}
.bt-showcase-mail .image .slick-dotted{ padding-bottom: 45px;}
.bt-showcase-mail .text{padding: 30px; margin-bottom: 30px; border-bottom: 1px solid #ddd; padding-top: 5px;}
.bt-showcase-mail .image .bt-showcaseimg-list{ width: 50%; margin: auto; }
.bt-showcase-mail .image .slick-prev:before{ display: none;}
.bt-showcase-mail .image .slick-next:before{ display: none;}
@media (max-width: 767px){
  .bt-showcase-mail{ margin: 15px 0 30px; }
  .bt-showcase-mail .title{padding: 10px 5px;}
  .bt-showcase-mail .title h1{ font-size: 1.5rem; line-height: 30px;}
  .bt-showcase-mail .title p{ font-size: .875rem;}
  .bt-showcase-mail .text{padding: 10px; padding-top: 5px;}
  .bt-showcase-mail .image .bt-showcaseimg-list{ width: 90%;}
}
/*图片显示*/
#bt-imgs-slick .slick-slide{ width: 100%; }
#bt-imgs-slick .slick-slide:first-child { display: block;}
/*轮播放大图*/
.bt-showcaseimg-list .slick-dots img{ width: 100%; }
.bt-showcaseimg-list button{z-index: 9;}
.bt-showcaseimg-list .slick-prev{ opacity: .8; left: 30px;}
.bt-showcaseimg-list .slick-prev:before{ font-size: 2rem;}
.bt-showcaseimg-list .slick-prev:hover{ opacity: 1; }
.bt-showcaseimg-list .slick-next{ opacity: .8; right: 30px; }
.bt-showcaseimg-list .slick-next:before{ font-size: 2rem;}
.bt-showcaseimg-list .slick-next:hover{ opacity: 1; }
.bt-showcaseimg-list .slick-dots li{ width: auto; height: auto; }
.bt-showcaseimg-list .slick-dots li img{ width: 80px; height: 60px; border: 2px solid #ddd; opacity: .7; }
.bt-showcaseimg-list .slick-dots .slick-active img{ opacity: 1;}
@media (max-width: 767px){
  .bt-showcase-mail .image .slick-dotted{ padding-bottom: 30px;}
  .bt-showcaseimg-list .slick-dots li img{ width: 60px; height: 45px; border: 2px solid #ddd; opacity: .7; }
}